<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/login.css">
    <script type="text/javascript" src="./js/jquery.js"></script>

</head>

<body>
    <h1>信息员注册</h1>
    <div class="weaper">

        <header>
            <a href="./index.html"><img src="./img/loginImg/toPrev.png" alt=""><span>返回</span></a>
            <i>|</i>
            <span>用户注册</span>
        </header>
        <main>
            <form action="">
                <div class="inner">
                    <div>
                        <span><i>*</i>真实姓名</span>
                        <input id="oName" maxlength="30" type="text" autocomplete="off">
                        <span class="inputLength">0/30</span>
                    </div>
                    <div>
                        <span><i>*</i>身份证号码</span>
                        <input id="idNum" maxlength="18" type="text" autocomplete="off">
                        <span class="inputLength">0/18</span>
                    </div>
                    <div>
                        <span><i>*</i>初始密码</span>
                        <input id="registerPasswords" type="password" autocomplete="off">
                    </div>
                    <div>
                        <span><i>*</i>确认密码</span>
                        <input id="rePasswords" type="password" autocomplete="off">
                    </div>
                    <div>
                        <span><i>*</i>手机号码</span>
                        <input id="registerPNum" maxlength="11" type="text">
                        <span class="inputLength">0/11</span>
                    </div>
                    <div>
                        <span><i>*</i>验证码</span>
                        <input id="registerVerify" class="verifyInput" type="text" autocomplete="off">
                        <button class="btn" type="button">获得验证码</button>
                    </div>
                    <div class="selectWeaper">
                        <div>
                            <span>选择镇街</span>
                            <select id="chooseTown">
                                <option value="" selected disabled hidden>请选择</option>
                                <option value="">桂城街道</option>
                                <option value="">九江镇</option>
                                <option value="">西樵镇</option>
                                <option value="">丹灶镇</option>
                                <option value="">狮山镇</option>
                                <option value="">大沥镇</option>
                                <option value="">里水镇</option>
                            </select>
                           <img src="./img/loginImg/toBottm.png" alt="">
                        </div>
                        <div>
                            <span>选择村居</span>
                            <select id="chooseVillage">
                                <option selected disabled hidden value="">请选择</option>
                                <option value="">丹灶村</option>
                                <option value="">南沙村</option>
                                <option value="">石联村</option>
                                <option value="">联沙村</option>
                                <option value="">上安村</option>
                                <option value="">仙岗村</option>
                                <option value="">西城村</option>
                                <option value="">银河村</option>
                                <option value="">东升村</option>
                                <option value="">劳边村</option>
                                <option value="">下沙滘村</option>

                            </select>
                           <img src="./img/loginImg/toBottm.png" alt="">
                        </div>

                    </div>
                    <div class="textareaWeaper">
                        <span><i>*</i>申请理由</span>

                            <textarea id="reason" maxlength="500" rows="10" type="text" autocomplete="off">
                        </textarea>
                        <p>0/500</p>
                    </div>
                    <button id="create" class="btn" type="button"> 立即创建</button>
                </div>
            </form>
        </main>
    </div>
    <script src="./js/public.js"></script>
    <script src="./js/isTrue.js"></script>
    <script src="./js/login.js"></script>
</body>

</html>